body{
	font-size: 12px;
	font-family: Arial;
	background: #FFF;
	padding: 0;
	margin: 5px;
}
.clear:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.clear{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear{
	height: 1%;
}
.clear{
	display: block;
}
a img { border:0;}
p{
	margin: 5px 0;
}
.rf{
	float: right;
}
.lf{
	float: left;
}
.tac {
	text-align:center;
}
.tal {
	text-align:left;
}	
a:link,a:visited{
	color: #003399;
	text-decoration: underline;
}
a:hover{
	color: red;
}

table{
	border: 1px solid #99BBE8;
}
	table.editable{
		border: 1px solid #E8C699;
	}
	table.ntable { border:none;}
td{
	font-size: 12px;
	padding: 2px 5px;
	background: #deedff;
	/*background: #E9F5FF;*/
	border: 0;
	white-space:nowrap;
}
	td.paragraph{
		white-space: normal;
	}
	td p{
		white-space: normal;
		margin: 0 0 1em 0;
	}
	td ul{
		padding: 0 0 0 20px;
		margin: 0;
	}
	.editable td{
		background: #FFF3E9;
	}
	.lbl{
		background: #D8E8F3;
	}
	.editable .lbl{
		background: #F3E3D8;
	}
	.ntable td { background:none;}
input[type=submit]{
	padding: 1px 2px;
	font-size: 12px;
	font-family: Arial;
}

input[type=radio]{
	position: relative;
	top: 2px;
}
input[type=checkbox]{
	position: relative;
	top: 1px;
}
input[type=text]{
	font-size: 12px;
	padding: 2px 1px;
	font-family: Arial;
	background:url(img/text-bg.gif) repeat-x #FFF;
	border: 1px solid #B5B8C8;
}
	.editable input[type=text]{
		border: 1px solid #C8C5B5;
	}
	input[type=text]:focus{
		border: 1px solid #069;
	}
	.editable input[type=text]:focus{
		border: 1px solid #993300;
	}
textarea{
	font-size: 12px;
	padding: 2px 1px;
	background:url(img/text-bg.gif) repeat-x #FFF;
	border: 1px solid #B5B8C8;
}
	.editable textarea{
		border: 1px solid #C8C5B5;
	}
	textarea:focus{
		border: 1px solid #069;
	}
	.editable textarea:focus{
		border: 1px solid #930;
	}

h2{font-size:13px; font-weight:bold;}
h3{
	font-size: 12px;
	color: #15428B;
	padding: 5px 7px;
	margin: 10px 0 0 0;
	border: 1px solid #99BBE8;
	border-bottom: 0;
	border-top: 0;
	background: url(img/top-bottom.gif) repeat-x;
}
	h3.editable{
		border: 1px solid #E8C699;
		border-bottom: 0;
		border-top: 0;
		background: url(img/top-bottom2.gif) repeat-x;
		color: #8B5E15;
	}
	h3.border_btm { border-bottom: 1px solid #99BBE8;}
.transitionActions{
	border-top: 1px solid #CCC;
	padding: 7px;
	background: #E1EDB8;
	margin-top: 20px;
}
	.transitionActions p{
		margin: 0 0 1.5em 0;
	}
	.transitionActions input{
		background: url(img/bg-btn.gif) 0 bottom repeat-x #FFF;
		border: 1px solid #999;
		-moz-border-radius: 3px;
		padding: 4px 8px;
	}
	.transitionActions input:hover{
		border: 1px solid #09F;
	}
#statusbar{
	margin: 0;
	padding: 0;
}
#statusbar li{
	float: left;
	padding: 3px 4px;
	border: 2px solid #CCC;
	margin-right: 3px;
	margin-bottom: 3px;
	list-style: none;
	color: #CCC;
	background: #FFF;
	text-align: center;
}
	#statusbar li.fin{
		border: 2px solid #99BBE8;
		color: #09F;
	}
	#statusbar li.taskIng{
		border: 2px solid #FC0;
		color: #F60;
	}

.require{
	color: red;
}
.red{
	color: red;
}
.darkgrey{
	color: #999;
}
.ssize{
	font-size: 10px;
}

/*
= Tours Box
*/
#toursbox{
	position: absolute;
	width: 97%;
	min-width: 680px;
	background: #FFF;
	border: 5px solid #FFF;
	display: none;
}
	#toursbox h3{
		margin: 0;
	}
	#toursbox h4{
		margin: 0 0 0 0;
	}
	.catList h4{
		line-height:0em;
	}
	.catList ul{
		padding: 0;
		margin: 0 0 10px 0;
		list-style: none;
		width: 100%;
	}
		.catList ul:after{
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			content: ".";
		}
		.catList li{
			padding-left:2px;
			padding-right:2px;
			min-width:50px;
			float: left;
			line-height: 150%;
			display:block;
			
		}
	.catList div{
		font-size:12px;
		margin:6px; 0 8px 0;
		cursor:pointer;
		color:#003399;
		font-weight:bold;
	}	
		
	.toursList{
		height: 445px;
		overflow: auto;
	}
	.toursList2{
		height: 300px;
		overflow: auto;		
	}
	
	.toursList2div1 {
			padding: 5px;
			border-bottom: 1px dashed #EEE;
			white-space: normal;
			cursor: pointer;	
		}

	
	.toursList ul{
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.toursList li{
			padding: 5px;
			border-bottom: 1px dashed #EEE;
			white-space: normal;
			cursor: pointer;
		}
		.toursList li:hover{
			background: #FFC;
		}
		.toursList a:link,.toursList a:visited{
			color: #06F;
		}
		.toursList a:hover{
			color: red;
		}
  .room_div{
		padding-left: 40px; 
		margin-top: 10px;
		border-bottom: 1px solid #F7F7FF;
		cursor:pointer
  }
  .room_div:hover{
  		background: #FFC;
  }
  .room_type{
  		height: 20px; 
		color: red; 
		font-weight: 500;
  }	
  .hotel_list div{
  	border:#CCCCCC 1px solid;
	width:100px;
	height:16px;
	float:left;
	margin-left:5px;
	text-align:center;
	margin-top:5px;
	cursor:pointer;
  }	
 .ticketdiv{
  	padding-left: 10px; 
	margin-top: 10px;
	border-bottom: 1px solid #F7F7FF;
	cursor:pointer;
 }
 .ticketdiv:hover{
 	background: #FFC;
 }
 .checklistshow{
 	margin-top:10px;
 }
 
 .checklistshow table{
 border-collapse:collapse;  
 }

 .checklistshow table tr td{
	 border:#CCCCCC 1px solid;
	 min-width:120px;
	 text-algin:center;	  
 }
 
 .checklistshow table tr th{
	 border:#CCCCCC 1px solid;
	 min-width:120px;
	 text-algin:center;
	 font-weight:bold;  
 }
 
 
 
/*
=mods
*/
.mod{
	border: 1px solid #99BBE8;
	background: #E9F5FF;
	margin-bottom: 5px;
	-moz-border-radius: 4px;
}
	.mod_collapse{
		padding-bottom: 0;
		border: 2px solid #99BBE8;
	}
		.mod_collapse .mod_content{
			display: none;
		}
		.mod_collapse h3{
			color: #666;
		}
		.mod_collapse .mod_icon{
			background:url(/ui/bv2/img/expand_collapse.png);
		}
		.mod_collapse:hover{
			background: #FFF;
		}
		.mod_collapse:hover h3{
			color: #000;
		}
	.mod_content{
		margin: 0 5px 5px 5px;
	}
	.mod_content table{
		border: 0;
	}
		.mod_content td{
			background: none;
		}
		.mod_content .lbl{
			background: #E9F5FF;
		}
		.mod_content input[type=text]:focus,.mod_content textarea:focus{
			border: 1px solid #09F;
		}
		.mod_content input[type=button],.mod_content input[type=submit]{
			background: url(img/bg-btn.gif) 0 bottom repeat-x #FFF;
			border: 1px solid #999;
			-moz-border-radius: 2px;
			padding: 1px 3px;
		}
		.mod_content input[type=button]:hover,.mod_content input[type=submit]:hover{
			border: 1px solid #09F;
		}
	.mod_excerpt{
		font-weight: normal;
		font-size: 13px;
	}
		.mod_excerpt:before{
			content: "- "
		}
		.mod .mod_excerpt{
			display: none;
		}
		.mod_collapse .mod_excerpt{
			display: inline;
		}
.mod h3{
	position: relative;
	background: none;
	border: none;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #999;
	margin: 0;
	padding: 1px 5px 0 5px;
	cursor: pointer;
}
	.mod_collapse h3{
		padding: 0 4px 0 4px;
	}
.mod_icon{
	position: absolute;
	right: 5px;
	top: 9px;
	width: 7px;
	height: 8px;
	background:url(/ui/bv2/img/expand_collapse.png) 0 8px;
}
	.mod_collapse .mod_icon{
		top: 9px;
		right: 4px;
	}

.mod form{
	margin: 0;
	padding: 0;
}
/* id = task_help */

#task_help .mod{
	border: 1px solid #cc9933;
	background: #fdffb7;
}
#task_help .mod_collapse{
		border: 2px solid #cc9933;
	}
#task_help td{
		font-size: 13px;
	}
/*
=utils
*/
#charger{
	float: right;
}

.datatable tr:hover td,.datatable tr.alarm:hover td{
	background: #faffe9;
	cursor: default;
}
	.datatable tr:hover td.lbl{
		background: #D8E8F3;
	}
	.datatable tr.alarm td{
		background: #ffe5e5;
	}
	.datatable tr.more_alarm td{
		background: #ff50a8;
	}
	.datatable tr.bggreen td{
		background: #4e9700;
	}
	.datatable tr.order_common td{
		background: #ffd850;
	}
	.datatable tr.order_reconfirm td{
		background: #ffffb0;
	}
	.datatable tr.order_white td{
		background: #ffffff;
	}
	
	table.info_table { border:none;}
	.info_table td.alarm {
	background: #ffe5e5;
	}
  .info_table td.more_alarm {
	background: #ff50a8;
	}
  .info_table td.order_common {
	background: #ffd850;
	}
  .info_table td.order_reconfirm {
	background: #ffffb0;
	}
   .info_table td.order_white {
	background: #ffffff;
    }
.hlCol{
	background: #D8E8F3;/* highlight Column */
}

.routename_tooltip { width:150px; overflow:hidden;}
.routename_div { display:none; position: absolute; background:#FFF;padding: 2px 5px; border:2px solid #99BBE8; -moz-border-radius: 3px;cursor: default;}

.b1bfp10 { border:1px solid #99BBE8; padding:10px; background:#fff;}
.customer_info { position:absolute; z-index:10; right:0;width:180px; padding:2px; border:1px solid #CC9933; background:#fff; margin-right:5px;-moz-border-radius: 4px;}
/* color */
.cred,a.cred:link,a.cred:visited{ color:#ff0000; }
.cblue,a.cblue:link,a.cblue:visited{ color:#0000FF;}
.cgrey,a.cgrey:link,a.cgrey:visited{color: #666666;}
.cyellow,a.cyellow:link,a.cyellow:visited{color: #ff9900;}
.cdyellow,a.cdyellow:link,a.cdyellow:visited{color: #ff6600;}
.cgreen,a.cgreen:link,a.cgreen:visited{color: #4e9700;}
.cblack,a.cblack:link,a.cblack:visited{color: #000000;}
.cwhite,a.cwhite:link,a.cwhite:visited{color: #ffffff;}
a.cred:hover,a.cblue:hover,a.cgrey:hover,a.cyellow:hover,a.cdyellow:hover,a.cblack:hover,a.cwhite:hover,a.cgreen:hover{color: #ff9900;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.fnormal{font-weight:normal;}
.mp0 { margin:0;}

/* added by jibing */
.j_light_yellow_border{
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	color:#2C80D0;
	border: 1px solid #CC9933;
	background: #FDFFB7;
	padding: 5px;
	margin: 3px;
}
.j_yellow_border{
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	color:#2C80D0;
	border: 1px solid #F6B655;
	background: #FFD662;
	padding: 5px;
	margin: 3px;
}
.j_green_border{
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	color:#598C52;
	border: 1px solid #598C52;
	background: #EAF7E1;
	padding: 5px;
	margin: 3px;
}
.j_gray_border{
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	color:#DD772B;
	border: 1px solid #99BBE8;
	background: #FAFCF5;
	padding: 5px;
	margin: 3px;
}
.j_light_blue_border {
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	border: 1px solid #ccc;
	background: #E6EEF7;
	padding: 5px;
	margin: 3px;
}
.j_pink_border {
	-moz-border-radius: 6px;
	height:auto;
	width:auto;
	border: 1px solid #FFFF33;
	background: #FF66CC;
	color:#ffffff;
	padding: 5px;
	margin: 3px;
}


 .nativetop{ 
 	margin-top:10px;
 }

 .native  {
 	border:#cccccc 1px solid;
 	border-bottom:none;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	font-size:12px;
	cursor:pointer;
	margin-left:6px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	background:#F0F7FA; 
 }

 .nativeclick {
 	border:#99BBE8 1px solid;
 	border-bottom:none;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	font-size:12px;
	cursor:pointer;
	margin-left:6px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	background:#ffffff;
	font-weight:bold; 
 }

.b1p5 {
	border:1px solid #99BBE8;
	padding:5px;
}

.no_btm {
	border-bottom:none;
}

#mail_box_div {
	display:none;
	 width: 430px; 
	 height:430px;
	 background: none  repeat scroll 0% 0% rgb(255, 255, 255); 
	 position: absolute; 
	 top: 85px; 
	 right: 5px; 
	 z-index: 1000;
}
#i_mail_box_div{
	width: 98%; 
	 height:98%;
}
#qa_box_div {
	display:none;
	 width: 670px; 
	 height:360px;
	 background: none  repeat scroll 0% 0% rgb(255, 255, 255); 
	 position: absolute; 
	 top: 85px; 
	 right: 5px; 
	 z-index: 1000;
}
#i_qa_box_div{
	width: 98%; 
	 height:98%;
}	

.remark_color { display:block; width:12px; height:12px;  float:left; border:1px solid #ccc; margin-right:5px; -moz-border-radius:3px;}
.remark_color:hover { background:#FFFFCC;}
.remark_tr td { border-bottom:1px solid #ccc; padding:5px;}
.remark_tr_on .remark_color { background: #ff9700;}
.remark_tr_on td { background:#FFFFCC;}